@import '../../../styles/public.less';

.flex-justify-content() {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.teamMember {
  height: 100%;
}

.top {
  height: 72px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  padding: 0 20px 0 20px;
  .flex-justify-content();
}

.left {
  font-weight: bold;
  font-size: 18px;
  color: #3A3A3A;

}

.right {
  .flex-justify-content();
}

.content {
  height: calc(100% - 72px - 40px);
  padding: 7.5px;
  overflow: auto;
  .commonDScrollbar();
}

.item {
  width: calc(100% / 4);
  height: calc(100% / 2);
  // background: antiquewhite;
  float: left;
  padding: 7.5px;
}

.itemCon {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.topTitle {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  color: #3A3A3A;
  padding: 16px 0 12px 0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

.desc {
  padding: 18px 18px 16px 18px;
  height: calc(100% - 59px);
}

.descTop {
  .flex-justify-content();

  .img {
    width: 60px;
    height: 60px;
    border-radius: 3rem;
  }

  .descTopName {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    padding-right: 20px;
  }

  .descTopNameSapn {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
  }

  .hx {
    padding-left: 4px;
    padding-right: 8px;
  }

}

.hisName {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
  padding: 8px 0 16px 0;
}

.text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  height: calc(100% - 60px - 42px);
  //overflow: auto;
  overflow-x: hidden;
  overflow-y: auto !important;
  .commonDScrollbar();
}